<style>
    * {
        margin: 0;
        padding: 0;
    }

    .div1 {
        width: 100%;
        height: 5rem;
        text-align: center;
        margin-top: 2rem;
    }

    .div1 > ul {
        width: 100%;
        height: 5rem;
        display: flex;
        justify-content: space-around;
    }

    .div1 > ul > li {
        width: 33%;
    }

    .div1 > ul > li > img {
        width: 50%;
        height: 100%;
        display: block;
        margin: 0 auto;
    }

    .div2 {
        width: 100%;
        height: 15rem;
    }

    .div2 > ul {
        width: 100%;
        height: 10rem;
        display: flex;
        justify-content: space-around;
    }
    .div2 > ul > li {
        width: 33.3%;
        height: 10rem;
    }

    .div2 > ul > li > img {
        width: 95%;
        height: 9rem;
    }

    .div3 {
        width: 100%;
        height: 16rem;
    }

    .div3 > ul {
        width: 100%;
        height: 10rem;
        display: flex;
        justify-content: space-around;
    }

    .div3 > ul > li {
        width: 50%;
        height: 10rem;
    }

    .div3 > ul > li > img {
        width: 100%;
        height: 9rem;
    }

    .div4 {
        width: 100%;
        height: 10rem;
        font-size: 2rem;
    }

    .div4 > img {
        width: 100%;
        height: 80%;
    }
    .div5{
        width: 100%;
    }
    .div5>div{
        display: flex;
    }
    .div5>div>div:nth-child(1){
        width: 50%;
        font-size: 1.5rem;
    }
    .swiper-slide{
          width: 100%;
      }
    .swiper-slide>img{
        width:100%;
    }

</style>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" ng-repeat=" item in obj1[0].one track by $index">
                <img ng-src="{{item}}"/>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
<div class="div1">
    <ul>
        <li ng-repeat="item in obj1[1].two track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con}}</p>
        </li>
    </ul>
</div>
<div class="div2">
    <p style="margin-top: 2rem;font-size: 2rem;margin-bottom: 1rem">推荐歌单</p>
    <ul>
        <li ng-repeat="item in obj1[2].three track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con}}</p>
        </li>
    </ul>
</div>
<div class="div2" style="margin-top: 1rem">
    <ul>
        <li ng-repeat="item in obj1[3].four track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con}}</p>
        </li>
    </ul>
</div>
<div class="div3">
    <p style="font-size: 2rem;margin-bottom: 1rem">独家放送 ></p>
    <ul>
        <li ng-repeat="item in obj1[5].six track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con}}</p>
        </li>
    </ul>
</div>
<div class="div4">
    <img src="img1/banner-2_02.jpg" alt="">
    <p>福利黑洞：万元内耳机听个响？200元也有好声音</p>
</div>
<div class="div2" style="margin-top: 1rem">
    <p style="margin-top: 4rem;font-size: 2rem;margin-bottom: 1rem">最新音乐 ></p>
    <ul>
        <li ng-repeat="item in obj1[6].seven track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con1}}</p>
            <p>{{item.con2}}</p>
        </li>
    </ul>
</div>
<div class="div2" style="margin-top: 1rem">
    <ul>
        <li ng-repeat="item in obj1[7].enight track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con1}}</p>
            <p>{{item.con2}}</p>
        </li>
    </ul>
</div>
<div class="div3">
    <p style="font-size: 2rem;">推荐MV ></p>
    <ul>
        <li ng-repeat="item in obj1[8].nine track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con}}</p>
        </li>
    </ul>
</div>
<div class="div3">
    <ul>
        <li ng-repeat="item in obj1[9].ten track by $index">
            <img ng-src="{{item.img}}" alt="">
            <p>{{item.con}}</p>
        </li>
    </ul>
</div>
<div class="div5" style="display: none;">
    <div ng-repeat="item in obj1[10].event track by $index">
        <div>
            <span style="display: inline-block;width: 4rem;height: 2rem;border: 1px solid red;text-align: center;line-height: 2rem;color: red;">{{item.con1}}</span>
            <p>{{item.con2}}</p>
            <p>{{item.con3}}</p>
        </div>
        <div><img ng-src="{{item.img}}" alt=""></div>
    </div>
</div>